/* reset */

.preview {
    display: inline-block;
    width: 358px;
    height: 458px;
    position: relative;
//  margin: 50px 0px 0px 150px;
}


/* smallImg */

.smallImg {
    position: relative;
    height: 90px;
    margin-top: 1px;
//  background-color: #F1F0F0;
    padding: 6px 5px;
    width: 350px;
    overflow: hidden;
//  float: left;
}

.scrollbutton {
    width: 20px;
    height: 35px;
    overflow: hidden;
    position: relative;
    float: left;
    cursor: pointer;
}

.scrollbutton.smallImgUp,
.scrollbutton.smallImgUp.disabled {
    background: url(../img/left-arrow.png) no-repeat;
    top: 30px;
}

.scrollbutton.smallImgDown,
.scrollbutton.smallImgDown.disabled {
    background: url(../img/right-arrow.png) no-repeat;
    margin-left: 320px;
    margin-top: -60px;
}

#imageMenu {
    height: 90px;
    width: 300px;
    overflow: hidden;
    margin-left: 30px;
//  float: left;
}
#imageMenu li {
    height: 80px;
    width: 80px;
    overflow: hidden;
    text-align: center;
    float: left;
    border: 1px solid #999;
    margin-right: 6px;
    margin-left: 6px;
}
#imageMenu li:hover{
    border: 1px solid #AF1730;
}

#imageMenu li img {
    margin-top: 10px;
    width: 30px;
//  height: 50px;
    cursor: pointer;
}

#imageMenu li#onlickImg img,
#imageMenu li:hover img {
    margin-top: 10px;
    width: 30px;
//  border: 3px solid #959595;
}


/* bigImg */

.bigImg {
    position: relative;
    float: left;
    width: 358px;
    height: 358px;
    border: 1px solid #c5c5c5;
    overflow: hidden;
}

.bigImg .midimg{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -60px;
    width: 100px;
    padding: 0 20px;
    height: 200px; 
    overflow: hidden;
    #midimg{
        width: 100%;
        height: 100%;
    }
}

.bigImg #winSelector {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -25px;
    width: 50px;
    padding: 10px 25px;
    height: 80px;
}

#winSelector {
    position: absolute;
    cursor: crosshair;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    opacity: 0.15;
    background-color: #000;
    border: 1px solid #fff;
}


/* bigView */

#bigView {
    position: absolute;
    border: 1px solid #959595;
    overflow: hidden;
    z-index: 999;
}

#bigView img {
    position: absolute;
}